<template>
    <has-left-nav-layout>
        <template v-slot:leftNav>
            <sellLeftMenu :lists="menus"/>
        </template>
        <router-view></router-view>
    </has-left-nav-layout>
</template>

<script>
import { reactive,toRefs,getCurrentInstance,onMounted } from 'vue'
import {useRoute,useRouter} from 'vue-router'
import { useStore } from 'vuex'
import hasLeftNavLayout from '@/components/hasLeftNavLayout.vue'
import leftMenu from '@/components/leftMenu.vue'
import sellLeftMenu from '@/components/sellLeftMenu.vue'
import { useI18n } from 'vue-i18n'

export default {
    components:{
       hasLeftNavLayout,
       sellLeftMenu
    },
    props:{

    },
    setup(props,context){
        const router = useRouter()
        const route = useRoute()
        const store = useStore()
        const {proxy} = getCurrentInstance()
        const {t} = useI18n()

        const state = reactive({
            menus:[
                {name:'NFT',path:'/collection/industry'},
                {name:t('collection.tab9'),path:'/collection/number'},
                //  {name:'Digital Products',path:'/collection/number'},
                // {name:'Other NFT',path:'/collection/other'}
            ],
           // arLandmarkId:''
        })

        onMounted(()=>{
           // state.arLandmarkId = route.query.cityid
            // // 获取城市下的数据时，重新设置菜单
            // if(state.arLandmarkId){
            //     state.menus=[
            //         {name:'Ad Space',num:0,path:`/ad/space?cityid=${state.arLandmarkId}`},
            //         {name:'Prop',num:0,path:`/prop?cityid=${state.arLandmarkId}`},
            //         {name:'Shop',num:0,path:`/shop/list?cityid=${state.arLandmarkId}`},
            //         {name:'Game',num:0,path:'/'}
            //     ]
            // }else{
                
            // }
            
        })

        return{
            ...toRefs(state)
        }
    }
}
</script>

<style lang="scss" scoped>
    
</style>